import BaseLayout from '@/layouts/BaseLayout/BaseLayout'

function quickstart() {
	return (
		<BaseLayout>
		    <div className="demo-block" style={{'padding': '20px'}}>
				<h2 className="intro-title">快速上手</h2>
				<p className="intro-content">本节将介绍如何在项目中使用 ygbh</p>
				<h3 className="base-title">完整引入 ygbh</h3>
				<p className="base-content">在 main.js 中写入以下内容：</p>
				<code className="base-code-area">
					<textarea readOnly={true} className="demo-core-box height20" value="import { Divider } from 'ygbh'"></textarea>
					<textarea readOnly={true} className="demo-core-box height20" value="import 'ygbh-react/ygbh.css';"></textarea>
				</code>
			</div>
		</BaseLayout>
	)
}

export default quickstart
